

<template>
    <img alt="Vue logo" src="./assets/logo.png" />
    <!-- <HelloWorld msg="Hello Vue 3 + Vite" /> -->
    <HelloWorld ref="hw" msg="Hello Vue 3 + Vite" @btnClick="onclick"/>
    <render/>
</template>
<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import  { ref } from 'vue' 
import HelloWorld from '../../components/HelloWorld.vue'
import render from '../../components/jsx.vue'
// const hw = ref(null)
const onclick = ()=>{
  console.log('从hello到app')
}
</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
